import React from 'react';
import { useParams } from 'react-router-dom';
import { Box, Paper } from '@mui/material';
import SubscriptionUserInterface from 'components/ui/SubscriptionUserInterface';

/**
 * Cancel Subscription page component
 * Uses SubscriptionUserInterface with actionType="cancel"
 * Takes subscriptionId from URL params
 */
const CancelSubscriptionPage = () => {
  const { subscriptionId } = useParams();
  
  return (
    <Box>
      <Paper elevation={1} sx={{ p: 3 }}>
        <SubscriptionUserInterface 
          subscriptionId={subscriptionId}
          actionType="cancel"
          initiallyExpanded={false}
        />
      </Paper>
    </Box>
  );
};

export default CancelSubscriptionPage;